<template>
    <div class="navBox">
        <header>
            <span class="sysName">后台管理系统</span>
            <span class="sysName">设置</span>
        </header>
        <div class="content">
            <el-col :span="3">
                <el-menu
                    class="el-menu-vertical-demo"
                    background-color="#ffffff"
                    text-color="#015478"
                    active-text-color="black"
                    style="height:100vh;width:200px;"
                    :default-active="$route.path"
                    unique-opened
                    router
                    popper-append-to-body>
                    <el-menu-item index="/Home/WorkTable">
                        <span slot="title">工作台</span>
                    </el-menu-item>
                        <el-submenu index="user">
                            <template slot="title">
                            <span>用户管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/Home/UserList">用户列表</el-menu-item>
                            <el-menu-item index="/Home/ChatRecord">聊天记录</el-menu-item>
                            <!-- <el-menu-item index="/Home/UserMsg">用户私信</el-menu-item> -->
                            <el-menu-item index="/Home/UserIP">用户IP</el-menu-item>
                            <el-menu-item index="/Home/UserRecord">举报记录</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="group">
                            <template slot="title">
                            <span>群组管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/Home/GroupList">群组列表</el-menu-item>
                            <el-menu-item index="/Home/GroupRecord">举报记录</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="webcast">
                            <template slot="title">
                            <span>直播管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/Home/WebcastList">直播列表</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="wallet">
                            <template slot="title">
                            <span>钱包管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/Home/Transaction">交易流水</el-menu-item>
                            <el-menu-item index="/Home/Treated">提现已处理</el-menu-item>
                            <el-menu-item index="/Home/WaitTreat">提现待处理</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="authority">
                            <template slot="title">
                            <span>权限管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/Home/AdminAuthority">管理员管理</el-menu-item>
                            <el-menu-item index="/Home/UserAuthority">角色管理</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <!-- <el-submenu index="system">
                            <template slot="title">
                            <span>系统管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/Home/SysParams">系统参数设置</el-menu-item>
                            <el-menu-item index="/Home/VipParams">会员参数设置</el-menu-item>
                            <el-menu-item index="/Home/AppParams">APP参数设置</el-menu-item>
                            <el-menu-item index="/Home/SysInform">系统通知设置</el-menu-item>
                            <el-menu-item index="/Home/Operate">操作日志</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu> -->
                </el-menu>
            </el-col>
            
        </div>
        
    </div>
</template>

<script>
    export default {
        name:'MyNav'
    }
</script>

<style scoped>
    header{
        width: 100%;
        height: 60px;
        background: #015478;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sysName{
        width: 180px;
        padding: 0px 10px;
        font-size: 20px;
    }
     span{
        font-size: 18px;
     }
</style>